// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
.content-ios {
  color: #fff;
  background-color: #19b0aa;
  background-image: url('../../assets/imgs/background.png');
  // background-repeat:no-repeat;
  // background-size:100% 100%;
  // -moz-background-size:100% 100%;
}

.hst-color {
  color: #19b0aa;
}

.title-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: space-between;
  align-content: space-between;
  font-size: 18px;
}

.title-box img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 30px;
}

.toolbar-background-ios {
  background: #19b0aa;
}

.bar-button-default-ios {
  color: darkblue;
}

.acked {
  color: darkgreen;
}

.unacked {
  color: red;
}
